<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/ajax.js"></script>
</head>
<body>
    <script>
        // callback 
        // cb
        // 回调函数   被其他 函数嵌套使用的函数  (把函数当做一个参数传递给其他函数 并且执行)
        // 很多回调函数嵌套 ===> 回调地狱
        // ajax  回调

        var str = ""
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/1.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/2.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/3.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // ajax异步函数 意味着同时执行  
        // console.log("代码执行的结果: " +str)

        // 很多回调函数嵌套 ===> 回调地狱
        // 回调函数噩梦(恐怖回调)，也被称为恶魔金字塔，指如ajax依赖调用时，回调函数会层层嵌套，而这种层层嵌套的写法，往往会让人难以理解，所以称之为噩梦
        $.ajax({
            type:'get',
            dataType:"text",
            url:"../data/1.txt",
            success:res=>{
                console.log(res)
                str += res;
                $.ajax({
                    type:'get',
                    dataType:"text",
                    url:"../data/2.txt",
                    success:res=>{
                        console.log(res)
                        str += res;
                        $.ajax({
                            type:'get',
                            dataType:"text",
                            url:"../data/3.txt",
                            success:res=>{
                                console.log(res)
                                str += res;
                                console.log("代码执行的结果: " +str)
                            }
                        })
                    }
                })
            }
        })
    </script>
</body>
</html>